@use './element-plus/index' as elementPlus;
@use './base/index';

.input-w-lg {
  width: 320px !important;
}

.input-w-sm {
  width: 220px !important;
}

.input-w-md {
  width: 240px !important;
}

.input-w-xs {
  width: 120px !important;
}

.sub-txt{
  color: var(--color-sub);
}

.rc-mb24 {
  margin-bottom: 24px;
}

$directions: ('r': right, 'l': left, 't': top, 'b': bottom);
$sizes: (4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48);

@each $abbr, $dir in $directions {
  @each $size in $sizes {
    .rc-m#{$abbr}#{$size} {
      margin-#{$dir}: #{$size}px;
    }
    .rc-p#{$abbr}#{$size} {
      padding-#{$dir}: #{$size}px;
    }
  }
}

$danger-color: #FF3838;

.rc-danger-color {
  color: $danger-color;
}
